@red: #e76d60;
@line: #f5dbbf;
.page-buydemand {
  .preview-block {
    .buy-preview {
      .block1 {
        padding: 2rem;
        text-align: center;
        font-size: 15px;
        color: #FFF;
        background: @red;
        .line {
          display: inline-block;
          padding: 1rem;
        }
        .buy-form {
          border: 2px solid #f5dbbf;
          margin: 15px auto 0 auto;
          border-radius: 6px;
          padding: 1rem 1rem;
          .form-line1 {
            height: 2rem;
            line-height: 100%;
            text-align: left;
            .icon {
              display: inline-block;
              height: 18px;
              width: 18px;
              background: url(./image/info.png) no-repeat;
              background-size: 18px 18px;
              margin-bottom: -3px;
            }
            .right {
              float: right;
              display: inline-block;
            }
          }
          .form-line2 {
            text-align: left;
            line-height: 3rem;
            .input {
              display: inline-block;
              background-color: #FFF;
              border-radius: 3px;
              height: 3rem;
              width: 100%;
              .dollar {
                color: @red;
                margin-left: 0.5rem;
              }
              input {
                color: @red;
                outline: none;
                width: 80%;
                line-height: 100%;
                font-size: 16px;
              }
            }
          }

        }
      }
      .block2 {
        padding: 1rem 2rem;
        background-color: #fff6ed;
        text-align: left;
        .title {
          color: @red;
        }
        ul {
          li {
            border-top: 1px solid #f5dbbf;
            line-height: 20px;
            padding: 5px 0px;
            .icon {
              display: inline-block;
              width: 18px;
              height: 18px;
              background: url(./image/02.png) no-repeat;
              background-size: 18px 18px;
              margin-bottom: -3px;

            }
            .icon.active {
              background: url(./image/01.png) no-repeat;
              background-size: 18px 18px;
            }

            .info {
              padding-left: 20px;
              font-size: 12px;
              display: block;
            }
          }
        }

      }
    }
  }

  .confirm-block {
    display: none;
    .page-confirm {
      .block1 {
        background-color: #fff6ed;
        ul {
          padding: 0 1.5rem;
          li {
            padding: 1rem 0;
            border-top: 1px solid @line;
          }
          li:first-child {
            border-top: 1px solid transparent;
          }
          .coupon_info {
            display: none;
          }
        }
        .actual_block {
          padding: 1rem 1.5rem;
          color: @red;
          border-bottom: 1px solid @line;
          border-top: 1px solid @line;
          font-size: 16px;
        }
      }
    }
  }

  .loading-block {
    display: none;
    text-align: center;
    color: @red;
    .loading-icon {
      border: 1px solid #f14849;
      border-radius: 50%;
      display: block;
      width: 50px;
      margin: 80px auto 10px auto;
      height: 50px;
      background: #f14849 url(./image/loading.gif) center center no-repeat;
      background-size: 46px 46px;
    }
    .loading-info {
      font-size: 12px;
    }
  }

  .success-block {
    display: none;
    .text-content {
      .amount{
        color:@red;
      }
    }
  }
  .fail-block {
    display: none;
  }
  .timeout-block {
    display: none;
  }

  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: @red;
    font-size: 14px;
  }
}